<template>
    <div>
        <div style="height: 100vh;width: 100vw;background: white;display: flex;align-items: center;justify-content: center">
            <img style="display: block;margin: 0 auto;width: 100vw;height: auto" src="../../../assets/image/home/expect.png">
        </div>

<!--        <div class="storage-title">仓储</div>-->
<!--        <div class="storage-sreen">-->
<!--            <div class="sreen-list">-->
<!--                <div class="screen-font">租金</div>-->
<!--                <img src="">-->
<!--            </div>-->
<!--            <div class="sreen-list">-->
<!--                <div class="screen-font">体积</div>-->
<!--                <img src="">-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="storage-list" @click="toStoragedetail">-->
<!--            <img src="../../../assets/image/tea/8.jpg">-->
<!--            <div class="storage-list-content">-->
<!--                <div>-->
<!--                    <div class="storage-list-title">大华仓储</div>-->
<!--                    <div class="storage-list-num">库存剩余体积：3780m2</div>-->
<!--                </div>-->
<!--                <div class="storage-list-bottom">-->
<!--                    ¥200.00/m2/月-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="storage-list" @click="toStoragedetail">-->
<!--            <img src="../../../assets/image/tea/3.jpg">-->
<!--            <div class="storage-list-content">-->
<!--                <div>-->
<!--                    <div class="storage-list-title">大华仓储</div>-->
<!--                    <div class="storage-list-num">库存剩余体积：3780m2</div>-->
<!--                </div>-->
<!--                <div class="storage-list-bottom">-->
<!--                    ¥200.00/m2/月-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="storage-list" @click="toStoragedetail">-->
<!--            <img src="../../../assets/image/tea/4.jpg">-->
<!--            <div class="storage-list-content">-->
<!--                <div>-->
<!--                    <div class="storage-list-title">大华仓储</div>-->
<!--                    <div class="storage-list-num">库存剩余体积：3780m2</div>-->
<!--                </div>-->
<!--                <div class="storage-list-bottom">-->
<!--                    ¥200.00/m2/月-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

    </div>
</template>

<script>
    export default {
        name: 'Storage',
        data() {
            return {
                active: 0
            }
        },
        methods:{
            toStoragedetail(){
                this.$router.push({name:'HomeStoragedetail'})
    }
        }
    }
</script>

<style scoped lang='scss'>
.storage-title{
    width: 100vw;
    font-size: .9rem;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    background: white;
    font-weight: bold;
}
.storage-sreen{
    background: white;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.sreen-list{
        height: 2rem;
        display: flex;
        flex-direction: row;
        align-items: center;
}
.sreen-list img{
    width: 20px;
    height: 20px;
    margin-left: 10px;
}
.screen-font{
    font-size: .8rem;
}
.storage-list{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    padding: 10px;
    background: white;
}
.storage-list >img{
    width: 30vw;
    height: 30vw;
}
.storage-list-content{
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.storage-list-title{
    font-size: .9rem;
    font-weight: bold;
}
.storage-list-num{
    margin-top: 5px;
    color: #101010;
    font-size: .7rem;
}
.storage-list-bottom{
    color: $primaryColor;
    font-size: .7rem;
}
</style>
